/*logistics-trace*/
.bg-dark-op
{
    background-color: rgba(0,0,0,0.2);
    padding: 10px;
}
.bg-dark-con
{
    padding: 10px;
    border-left:2px solid #e3e3e3;
    position: relative;
}

.bg-dark-con-top-circle
{
    position: absolute;
    top: -5px;
    left: -6px;
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    border: 3px solid #e3e3e3;
    border-radius: 99999px;
}

.bg-dark-con-top-circle-o
{
    position: absolute;
    top: -5px;
    left: -6px;
    width: 10px;
    height: 10px;
    background-color: #e3e3e3;
    border: 3px solid #FFFFFF;
    border-radius: 99999px;
}
.bg-dark-con-top-circle-o-active
{
    position: absolute;
    top: -5px;
    left: -6px;
    width: 10px;
    height: 10px;
    background-color: #27c24c;
    border: 3px solid #FFFFFF;
    border-radius: 99999px;
}

.bg-dark-con-bottom-circle-o
{
    position: absolute;
    bottom: -5px;
    left: -6px;
    width: 10px;
    height: 10px;
    background-color: #FFFFFF;
    border: 3px solid #e3e3e3;
    border-radius: 99999px;
}

